<style type="text/css">
.layui-carousel {
    position: relative;
    left: 0;
    top: 0;
    background-color: #fff !important;
}
.layui-carousel > [carousel-item] > * {
	background-color: #fff !important;
}
.layadmin-shortcut li {
    text-align: center;
}
.layui-col-space10 > * {
    padding: 5px;
}
.layui-col-xs3 {
    width: 20%;
}
[lay-href], [lay-tips], [layadmin-event] {
    cursor: pointer;
}
a {
    color: #333;
    text-decoration: none;
}
.layadmin-shortcut li {
    text-align: center;
}
.layadmin-shortcut li cite {
    position: relative;
    top: 2px;
    display: block;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
}
a cite {
    font-style: normal;
    *cursor: pointer;
}
.layadmin-shortcut li .layui-icon {
    display: inline-block;
    width:80%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 4px;
    font-size: 40px;
    background-color: #F8F8F8;
    color: #333;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.layui-carousel-ind {
    top: -15px;
}
</style>
 <div class="layui-card" style="text-align: center;">
             <div class="layui-card-body">
		    	<img src="assets/images/welcome.png" style="height:100px;">
		    </div>
		    </div>

  <div class="layui-row ">
    <div class="layui-col-md12">
      <div class="layui-row">
        <div class="layui-col-md12">
          <div class="layui-card">
             <div class="layui-card-header">快捷方式</div>
            <div class="layui-card-body">
              <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                <div carousel-item>
                  <ul class="layui-row layui-col-space10">
                  <% if(purchase) { %> 
                      <li class="layui-col-xs3">
                        <a lay-href="service/purchase"  href="#!service_purchase">
                          <i class="layui-icon layui-icon-cart"></i>
                          <cite>产品采购</cite>
                        </a>
                      </li>
                  <% } %>
                  <% if(stock) { %> 
                      <li class="layui-col-xs3">
                       <a lay-href="service/stock" href="#!service_stock">
                          <i class="layui-icon layui-icon-home"></i>
                          <cite>库存管理</cite>
                        </a>
                      </li>
                       <% } %>
                  <% if(orderSell) { %> 
                      <li class="layui-col-xs3">
                        <a lay-href="service/orderBuy" href="#!service_orderBuy">
                          <i class="layui-icon layui-icon-form"></i>
                          <cite>采购订单管理</cite>
                        </a>
                      </li>
                       <% } %>
                  <% if(orderBuy) { %> 
                      <li class="layui-col-xs3">
                        <a lay-href="service/orderSell" href="#!service_orderSell">
                          <i class="layui-icon layui-icon-list"></i>
                          <cite>出货订单管理</cite>
                        </a>
                      </li>
                       <% } %>
                  <% if(customer) { %> 
                      <li class="layui-col-xs3">
                        <a lay-href="system/customer" href="#!system_customer">
                          <i class="layui-icon layui-icon-username"></i>
                          <cite>顾客管理</cite>
                        </a>
                      </li>
                       <% } %>
                  <% if(customerCard) { %> 
                      <li class="layui-col-xs3">
                       <a lay-href="system/customerCard" href="#!system_customerCard">
                          <i class="layui-icon layui-icon-star"></i>
                          <cite>会员卡购买</cite>
                        </a>
                      </li>
                       <% } %>
                  <% if(payCard) { %> 
                      <li class="layui-col-xs3">
                        <a lay-href="system/payCard" href="#!system_payCard">
                          <i class="layui-icon layui-icon-fonts-clear"></i>
                          <cite>会员服务</cite>
                        </a>
                      </li>
                       <% } %>
                  <% if(productSale) { %> 
                      <li class="layui-col-xs3">
                       <a lay-href="service/productSale" href="#!service_productSale">
                          <i class="layui-icon layui-icon-cart-simple"></i>
                          <cite>产品销售</cite>
                        </a>
                      </li>
                       <% } %>
                    </ul>
                    <!-- <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>我的资料</cite>
                        </a>
                      </li>
                    </ul> -->
                  
                </div>
              </div>
              
            </div>
          </div>
        </div>

      </div>

<script>
layui.use(['admin', 'carousel'], function(){
    var $ = layui.$
    ,admin = layui.admin
    ,carousel = layui.carousel
    ,element = layui.element
    ,device = layui.device();

    //轮播切换
    $('.layadmin-carousel').each(function(){
      var othis = $(this);
      carousel.render({
        elem: this
        ,width: '100%'
        ,arrow: 'none'
        ,interval: othis.data('interval')
        ,autoplay: othis.data('autoplay') === true
        ,trigger: (device.ios || device.android) ? 'click' : 'hover'
        ,anim: othis.data('anim')
      });
    });
    
    element.render('progress');
    
  });
</script>

